<!-- Hist�rico -->
<style type="text/css">
.reportAVL2 tbody td, .reportAVL2 thead th {
	text-align: center;
	font-size:9px;
}

.reportAVL2 thead th {
	background-color:#3A4856;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 4px;
	text-transform: capitalize;
	border-right:1px solid #D0EAFF;
}
<!--
#historcoMenuPPAL ul {
	border-bottom:1px solid LightGrey;
	margin-bottom:5px;
	padding-bottom:5px;
}
#historcoMenuPPAL ul li {
	background:url("assets/templates/aplay/imagenes/acordeon/barras/globales/bullet.gif") no-repeat 2px 6px transparent;
	list-style:none outside none;
	margin-left:8px;
	padding-left:12px;
}

/* tabla */
.tabla {
	font: 1.1em;
	width: 100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	color: #1a1a1a;
	margin:2px 0 0;
}
.tabla caption {
	text-align: left;
	text-transform: uppercase;
	padding-bottom: 10px;
	font: 200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
}
.tabla thead th {
	background-color:#3A4856;
	color:Azure;
	font-weight:bolder;
	padding:2px 5px;
	text-align:left;
}
.tabla tbody, .tabla thead {
	border-left: 1px solid #EAECEE;
	border-right: 1px solid #EAECEE;
}
.tabla tbody {
	border-bottom: 1px solid #EAECEE;
}
.tabla tbody td, .tabla tbody th {
	padding: 0 0 0 5px;
	text-align: left;
}
.tabla tbody tr {
	background-color: #E6E6E6;
}
.tabla tbody tr.odd {
	background-color: #E8E8E8;
}
.tabla tbody tr:hover {
	background-color: #E8F0F4;
}
.tabla tfoot td, .tabla tfoot th, .tabla tfoot tr {
	text-align: left;
	font: 120% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	text-transform: uppercase;
	background-color: #fff;
	padding: 10px;
}
.tabular div {
	border-bottom:1px dotted #999999;
	padding:1px 0;
	width:98%;
}

-->
</style>
<h2 class="acc_barra" id="historico" onclick="dinamicIncludes_Map.includeHistorico(); cleanAllStates();"><a href="#">Hist&oacute;rico</a></h2>
<div style="display:none;" class="acc_contenedor" >
	<div  id="LoaderAjax" class="fadeAcordeon" >
		<img alt="Cargando..." src="images/loader.gif" class="fadeAcordeonLoader" />
	</div>
  <input type="hidden" id="titulo" value="4" name="titulo"/>
  <div style="padding:4px 6.5px; background-color:#E4E7F0;" id="movilHeader">
	  <input type="hidden" name="labelMovil" id="labelMovil">
	  <table width="100%" cellpadding="0" cellspacing="0" border="0" >
	      <tr>
            <td width="48" align="left" valign="middle"><span class="inputLBL">Cuenta:</span></td>
            <td height="25" align="left" valign="middle" ><input type="hidden" name="pag" value="1"/>
              <select name='cuentaSelect' class='gmapSelect' id="cuentaSelectHistorico" onchange="filtarOpcionesHistorico(); if($j('#div_filtroUltDiaHistoricoViajes').css('display') == 'block'){cMapController.getMapActive().getHistorico().actualizaViajesUltDia();}">
              </select>
            </td>
          </tr>
       </table>
   </div>
	<div id='fil' style='display:none;' >
		<div id='fil2' >
	          <form>
	     		 <ul class='form hii'>
	              	 <input id='cuentaId' name='v' type='hidden' value=''>
	                 <input id='codigocuenta' name='codigocuenta' type='hidden' value=''>
	                 <input id='nom1nom2' name='nom1nom2' type='hidden' value=''>
				   <?php  include('./comboMoviles.php'); ?>
	            </ul>
	          </form>
              <div id='listadoReportes' class='clearfix reportAVL2'></div>
		</div>
	</div>
	<script type="text/javascript" >
		htmlCombo= $j("#fil").html();

		function insertCOMBOResumen(){
			$j("#div_ResultCaudalimetro").html("");
			$j("#confHistEventos").html("");
			$j("#resultParadas").html("");
			$j("#fil").html("");
			$j("#filRecorridoResumen").html(htmlCombo);
			$j("#fil2").show();
		}
		function insertCOMBOCaudalimetro(){
			$j("#filRecorridoResumen").html("");
			$j("#confHistEventos").html("");
			$j("#resultParadas").html("");
			$j("#fil").html("");
			$j("#div_ResultCaudalimetro").html(htmlCombo);
			$j("#fil2").show();
		}
		function insertCOMBOEventos(){
			$j("#div_ResultCaudalimetro").html("");
			$j("#filRecorridoResumen").html("");
			$j("#resultParadas").html("");
			$j("#fil").html("");
			$j("#confHistEventos").html(htmlCombo);
			$j("#fil2").show();
		}
		function insertCOMBOParadas(){
			$j("#div_ResultCaudalimetro").html("");
			$j("#confHistEventos").html("");
			$j("#filRecorridoResumen").html("");
			$j("#fil").html("");
			$j("#resultParadas").html(htmlCombo);
			$j("#fil2").show();
		}
	</script>

  <div id="historcoMenuPPAL" class="block">
      <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr id="viajesHist">
          <td align="left">
          	<span class="inputLBL">Viajes</span>
            <ul>
              <li><a href="javascript:;" onclick="initFechaUltimoViaje(); cMapController.getMapActive().getHistorico().SubmitHistoricoReporteViajes(true);//mostrarFiltroViajesUltDia();"><span class="inputHistorico">&Uacute;ltimo d&iacute;a</span></a></li>
              <li><a href="javascript:;" onclick="mostrarFiltroViajes();"><span class="inputHistorico">Filtro personalizado</span></a></li>
              <li id="borrarMapeosGrales" style="display:none;"><a href="javascript:;" onclick="cMapController.getMapActive().getHistorico().clearAllViajes();cMapController.getMapActive().getHistorico().limpiarTodosSimulacionViaje();"><span class="inputHistorico">Borrar todos los mapeos y simulaciones</span></a></li>
            </ul>
          </td>
        </tr>
        <tr id="recorridoHist">
          <td align="left">
          	<span class="inputLBL">Recorrido</span>
            <ul>
              <li><a href="javascript:;" onclick="cMapController.getMapActive().getHistorico().SubmitHistoricoUltimaHora();"><span class="inputHistorico">Mapear &uacute;ltima hora</span></a></li>
              <li><a href="javascript:;" onclick="openReportsMenu();SubmitHistoricoReporteUltimaHora();"><span class="inputHistorico">Reporte &uacute;ltima hora</span></a></li>
              <li><a href="javascript:;" onclick="openReportsMenu();SubmitHistoricoReporteUltimoDia();"><span class="inputHistorico">Reporte &uacute;ltimo d&iacute;a</span></a></li>
              <li><a href="javascript:;" onclick="mostrarFiltroHistorico();"><span class="inputHistorico">Filtro personalizado</span></a></li>
              <li><a href="javascript:;" onclick="insertCOMBOResumen(); mostrarFiltroHistoricoResumen();"><span class="inputHistorico">Reportes personalizados</span></a></li>
            </ul>
          </td>
        </tr>
        <tr>
          <td align="left">
          	<span class="inputLBL">Eventos</span>
            <ul>
              <li><a href="javascript:;" onclick="openReportsMenu();SubmitHistoricoEventosReporteUltHora();"><span class="inputHistorico">Reporte &uacute;ltima hora</span></a></li>
              <li><a href="javascript:;" onclick="insertCOMBOEventos(); mostrarFiltroHistoricoEventos();"><span class="inputHistorico">Filtro personalizado</span></a></li>
            </ul>
          </td>
        </tr>
        <tr id="paradasHist">
          <td align="left">
          <span class="inputLBL">Paradas</span>
            <ul>
              <li><a href="javascript:;" onclick="openReportsMenu();SubmitHistoricoParadasReporteUltHora();"><span class="inputHistorico">Reporte &uacute;ltima hora</span></a></li>
              <li><a href="javascript:;" onclick="insertCOMBOParadas();mostrarFiltroHistoricoParadas();"><span class="inputHistorico">Filtro personalizado</span></a></li>
            </ul>
         </td>
        </tr>
        <tr id="caudalimetroHist">
          <td align="left"><span class="inputLBL">Caudalimetro</span>
            <ul>
              <li><a href="javascript:;" onclick="subtmitHistoricoCaudalimetroUltimaHora();"><span class="inputHistorico">Reporte &uacute;ltima hora</span></a></li>
              <li><a href="javascript:;" onclick="insertCOMBOCaudalimetro(); mostrarFiltroHistoricoCaudalimetro();"><span class="inputHistorico">Filtro personalizado</span></a></li>
            </ul>
          </td>
        </tr>
        <?php if(!$LOGIN->isBykom){?>
        <tr id="misreportesHist">
          <td align="left"><span class="inputLBL">Mis reportes</span>
            <ul>
              <li><a href="javascript:;" onclick="verReportesConfigurados();"><span class="inputHistorico">Ver reportes automatizados</span></a></li>
            </ul>
          </td>
        </tr>
        <?php } ?>
      </table>
    </div>
    <!-- FILTRO VIAJES -->
    <div id="div_filtroHistoricoViajes" style="display:none;">
      <div class="minimenu" id="minimenuFiltroHistoricoViajes">
        <div class="barra_acordeon">
        	<ul>
                <li><a href="javascript:" class="icono volver" onclick="mostrarMenuPPAL();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoViajes', 'Volver al filtro de recorridos hstoricos');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoViajes', '');"></a></li>
                <li><a href="javascript:" class="icono reporte_recorrido " onclick="cMapController.getMapActive().getHistorico().SubmitHistoricoReporteViajes(false);" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoViajes', 'Generar reporte de recorrido historico');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoViajes', '');"></a></li>
                <li><a href="javascript:" class="icono limpiar"  onclick="cMapController.getMapActive().getHistorico().clearAllViajes();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoViajes', 'Borrar todos los mapeos ');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoViajes', '');"></a></li>
                <li><a href="javascript:" class="icono limpiar"  onclick="cMapController.getMapActive().getHistorico().limpiarTodosSimulacionViaje();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoViajes', 'Borrar todas las simulaciones ');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoViajes', '');"></a></li>
           </ul>
        </div>
        <div class="infoBar"></div>
      </div>
      <div class="block" id="filViajes">
      <table width="100%">
        <tr>
          <td colspan="2"><span class="sectionTITLE">Hist&oacute;rico de viajes (filtro)</span></td>
        </tr>
        <tr>
          <td colspan="2"><span>Mapeo y reporte hist&oacute;rico de viajes del veh&iacute;culo seleccionado seg&uacute;n rango de fechas.</span></td>
        </tr>
        <tr>
        	<td colspan="2">
        		<select name="tipoFiltroFechas" id="tipoFiltroFechas" onchange="cambiarTipoFiltroFechas();"  class="gmapSelect">
        			<option value="1">Desde-Hasta</option>
        			<option value="2">D&iacute;a completo</option>
        		</select>
        	</td>
        </tr>
        <tr id="desde">
          <td height="25" align="left" valign="middle" colspan="2">
          	<span class="inputLBL">Desde:</span>
          	<input type="hidden" name="diaiHistoricoViajes" id="diaiHistoricoViajes">
            <input type="hidden" name="mesiHistoricoViajes" id="mesiHistoricoViajes">
            <input type="hidden" name="anoiHistoricoViajes" id="anoiHistoricoViajes">
            <input type="hidden" name="horaInicioHistoricoViajes" id="horaInicioHistoricoViajes">
            <input type="text" name="fechaInicioHistoricoViajes" id="fechaInicioHistoricoViajes" class="gmapInputText" size="20" maxlength="16" value="">
            <img src="js/calendar/img/calendar.gif" name="fechaInicioBtnHistoricoViajes" id="fechaInicioBtnHistoricoViajes" style=" background-position: center center; cursor: pointer;" title="Seleccionar fecha y hora desde..." />
            <div id="errorFechaIniViajes" class="divErrorFecha"></div>
          </td>
        </tr>
        <tr id="hasta">
          <td height="25"align="left" valign="middle" colspan="2">
          	<span class="inputLBL">Hasta:</span>
          	<input type="hidden" name="diafHistoricoViajes" id="diafHistoricoViajes">
            <input type="hidden" name="mesfHistoricoViajes" id="mesfHistoricoViajes">
            <input type="hidden" name="anofHistoricoViajes" id="anofHistoricoViajes">
            <input type="hidden" name="horaFinHistoricoViajes" id="horaFinHistoricoViajes">
            <input type="text" name="fechaFinHistoricoViajes" id="fechaFinHistoricoViajes" class="gmapInputText" size="20" maxlength="16"  value="">
            <img src="js/calendar/img/calendar.gif" name="fechaFinBtnHistoricoViajes" id="fechaFinBtnHistoricoViajes" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." />
            <div id="errorFechaFinViajes" class="divErrorFecha"></div>
          </td> 
        </tr>
        <tr id="diacompleto" style="display:none;">
        	<td colspan="2">
	        	<input type="text" name="fechaDiaCompleto" id="fechaDiaCompleto" class="gmapInputText" size="20" maxlength="10" value="">
	            <img src="js/calendar/img/calendar.gif" name="calFechaDiaCompleto" id="calFechaDiaCompleto" style="cursor: pointer;" title="Seleccionar fecha y hora..." />
	            <div id="errorFechaDiaCompletoViajes" class="divErrorFecha"></div>
        	</td>
        </tr>

      </table>
      <div id="div_ResultViaje"></div>
      </div>
    </div>
	<!-- �LTIMO D�A VIAJES -->
    <div id="div_filtroUltDiaHistoricoViajes" style="display:none">
        <div class="minimenu" id="minimenuFiltroUltDiaHistoricoViajes">
	        <!-- BARRA barra_historico -->
	        <div class="barra_acordeon">
	        	<ul>
	            <li><a class="icono volver" onclick="mostrarMenuPPAL();" onmouseover="minimenuInfoSet('minimenuFiltroUltDiaHistoricoViajes', 'Volver al filtro de recorridos hstoricos');" onmouseout="minimenuInfoSet('minimenuFiltroUltDiaHistoricoViajes', '');"></a></li>
	            <li><a href="javascript:" class="icono limpiar" onclick="cMapController.getMapActive().getHistorico().clearAllViajes();" onmouseover="minimenuInfoSet('minimenuFiltroUltDiaHistoricoViajes', 'Borrar todos los mapeos ');" onmouseout="minimenuInfoSet('minimenuFiltroUltDiaHistoricoViajes', '');"></a></li>
	             <li><a href="javascript:" class="icono limpiar"  onclick="cMapController.getMapActive().getHistorico().limpiarTodosSimulacionViaje();" onmouseover="minimenuInfoSet('minimenuFiltroUltDiaHistoricoViajes', 'Borrar todas las simulaciones ');" onmouseout="minimenuInfoSet('minimenuFiltroUltDiaHistoricoViajes', '');"></a></li>
	            </ul>
	        </div>
     		<div class="infoBar"></div>
	   </div>
      <div class="block" id="filtroViajeUltDia">
      <table width="100%">
        <tr>
          <td colspan="2"><span class="sectionTITLE">Hist&oacute;rico de viajes (Filtro x d&iacute;a)</span></td>
        </tr>
        <tr>
          <td colspan="2"><span class="sectionDESC">Listado de viajes del veh&iacute;culo seleccionado seg&uacute;n el d&iacute;a elegido.</span></td>
        </tr>
        <tr>
          <td colspan="2">
          	<div id="div_diaViaje" style="background-color:#E4E7F0;
color:#334457;
font-size:12px;
font-weight:bold;
padding:2px;
text-align:center;
text-transform:uppercase;">
          		<a href="javascript:;" onclick="cMapController.getMapActive().getHistorico().mostrarFiltroViajesDiaAnt()">
          			<img alt="dia anterior" src="images/flechaIzq.gif" border="0"></a>
          		    <span id="diaViaje"></span>
              <input type="hidden" id="ultDia" />
              <a href="javascript:;" id="navDiaPost" onclick="cMapController.getMapActive().getHistorico().mostrarFiltroViajesDiaPost()" style="display:none;">
              	<img alt="dia anterior" src="images/flechaDer.gif" border="0">
              </a>
              <img src="js/calendar/img/calendar.gif" name="fechaUltViaje" id="fechaUltViaje" style=" background-position: center center; cursor: pointer;" title="Seleccionar fecha y hora desde..." />

		   </div>
          </td>
        </tr>
        <tr>
          <td colspan="2" style="scroll:auto;">
          <div id="div_ResultDiaViaje" style="background-color:#F6CBCA;
color:#BF2329;
font-size:10px;
font-weight:bold;
padding:2px;
text-align:center;
text-transform:uppercase;" > </div></td>
        </tr>
      </table>
      </div>
    </div>
    <script type="text/javascript">

    function cambiarTipoFiltroFechas(){
		if($j("#tipoFiltroFechas").val()==1){
			$j("#desde").show();
			$j("#hasta").show();
			$j("#diacompleto").hide();
		}else{
			$j("#desde").hide();
			$j("#hasta").hide();
			$j("#diacompleto").show();
		}
    }
    function initCalendarUltViaje(){
    	Calendar.setup(
			{
			//inputField 	   : "diaViaje",
			ifFormat       : "%d/%m/%Y",
	        showsTime      : false,
	        timeFormat     : "24",
			button		   : "fechaUltViaje",
			onUpdate       : fechaChangeUltDiaViajes
			}
		);
    }
    function fechaChangeUltDiaViajes(cal){
	    var date = cal.date;
	    $j("#diaViaje").html(date.print("%d/%m/%Y"));
	    $j("#ultDia").val(date.print("%Y-%m-%d %H:%M"));
	    cMapController.getMapActive().getHistorico().SubmitHistoricoReporteViajes(true,date);
	}

	 function initializeFechasHistoricoViajes(){

		//FECHA DESDE!
		dateIniHistoricoViajes = "";

		if (desdeHIS!=null){
				document.getElementById('diaiHistoricoViajes').value = desdeHIS.substring(0,2);
				document.getElementById('mesiHistoricoViajes').value = desdeHIS.substring(3,5);
				document.getElementById('anoiHistoricoViajes').value = desdeHIS.substring(6,10);
				document.getElementById('horaInicioHistoricoViajes').value = desdeHIS.substring(11);
		}

		if  (document.getElementById('diaiHistoricoViajes').value != "") {
			dateIniHistoricoViajes = document.getElementById('diaiHistoricoViajes').value;
			dateIniHistoricoViajes += "/" + document.getElementById('mesiHistoricoViajes').value;
			dateIniHistoricoViajes += "/" + document.getElementById('anoiHistoricoViajes').value;
			dateIniHistoricoViajes += " " + document.getElementById('horaInicioHistoricoViajes').value;
	   }else{
	   		var actualDateHistoricoViajes = new Date();
			var timeHistoricoViajes = actualDateHistoricoViajes.getTime();
			timeHistoricoViajes -= Date.HOUR;
			actualDateHistoricoViajes = new Date(timeHistoricoViajes);
			dateIniHistoricoViajes = actualDateHistoricoViajes.print("%d") + '/' + actualDateHistoricoViajes.print("%m") + '/' + actualDateHistoricoViajes.print("%Y") + ' ' + actualDateHistoricoViajes.print("%H:%M");
			document.getElementById('diaiHistoricoViajes').value = actualDateHistoricoViajes.print("%d");
			document.getElementById('mesiHistoricoViajes').value = actualDateHistoricoViajes.print("%m");
			document.getElementById('anoiHistoricoViajes').value = actualDateHistoricoViajes.print("%Y");
			document.getElementById('horaInicioHistoricoViajes').value = actualDateHistoricoViajes.print("%H:%M");
	   }

	   document.getElementById('fechaInicioHistoricoViajes').value = dateIniHistoricoViajes;

		Calendar.setup(
			{
			inputField 	   : "fechaInicioHistoricoViajes",
			ifFormat       : "%d/%m/%Y %H:%M",
	        showsTime      : true,
	        timeFormat     : "24",
			button		   : "fechaInicioBtnHistoricoViajes",
			onUpdate       : fechaIniChangeHistoricoViajes
			}
		);

		//FECHA HASTA!
	   dateFinHistoricoViajes = "";

	    if (hastaHIS!=null){
			document.getElementById('diafHistoricoViajes').value = hastaHIS.substring(0,2);
			document.getElementById('mesfHistoricoViajes').value = hastaHIS.substring(3,5);
			document.getElementById('anofHistoricoViajes').value = hastaHIS.substring(6,10);
			document.getElementById('horaFinHistoricoViajes').value = hastaHIS.substring(11);
		 }

	   if  (document.getElementById('diafHistoricoViajes').value != "") {
	   		dateFinHistoricoViajes = document.getElementById('diafHistoricoViajes').value;
			dateFinHistoricoViajes += "/" + document.getElementById('mesfHistoricoViajes').value;
			dateFinHistoricoViajes += "/" + document.getElementById('anofHistoricoViajes').value;
			dateFinHistoricoViajes += " " + document.getElementById('horaFinHistoricoViajes').value;
	   }else{
	   		actualDateHistoricoViajes = new Date();
			timeHistoricoViajes = actualDateHistoricoViajes.getTime();
			timeHistoricoViajes += Date.HOUR;
			actualDateHistoricoViajes = new Date(timeHistoricoViajes);
			dateFinHistoricoViajes = actualDateHistoricoViajes.print("%d") + '/' + actualDateHistoricoViajes.print("%m") + '/' + actualDateHistoricoViajes.print("%Y") + ' ' + actualDateHistoricoViajes.print("%H:%M");
			document.getElementById('diafHistoricoViajes').value = actualDateHistoricoViajes.print("%d");
			document.getElementById('mesfHistoricoViajes').value = actualDateHistoricoViajes.print("%m");
			document.getElementById('anofHistoricoViajes').value = actualDateHistoricoViajes.print("%Y");
			document.getElementById('horaFinHistoricoViajes').value = actualDateHistoricoViajes.print("%H:%M");
	   }

	   document.getElementById('fechaFinHistoricoViajes').value = dateFinHistoricoViajes;

	   Calendar.setup(
			{
			inputField 	   : "fechaFinHistoricoViajes",
			ifFormat       : "%d/%m/%Y %H:%M",
	        showsTime      : true,
	        timeFormat     : "24",
			button		   : "fechaFinBtnHistoricoViajes",
			onUpdate       : fechaFinChangeHistoricoViajes
			}
		);

		document.getElementById('fechaDiaCompleto').value = dateFinHistoricoViajes.split(" ")[0];
		Calendar.setup(
			{
			inputField 	   : "fechaDiaCompleto",
			ifFormat       : "%d/%m/%Y",
	        showsTime      : false,
	        timeFormat     : "24",
			button		   : "calFechaDiaCompleto",
			onUpdate       : calChangeFechaDiaCompleto
			}
		);
	}

   function fechaIniChangeHistoricoViajes(cal){
	    var dateHistoricoViajes = cal.date;
		document.getElementById('diaiHistoricoViajes').value = dateHistoricoViajes.print("%d");
		document.getElementById('mesiHistoricoViajes').value = dateHistoricoViajes.print("%m");
		document.getElementById('anoiHistoricoViajes').value = dateHistoricoViajes.print("%Y");
		document.getElementById('horaInicioHistoricoViajes').value = dateHistoricoViajes.print("%H:%M");
	}

	function fechaFinChangeHistoricoViajes(cal){
	    var date = cal.date;
		document.getElementById('diafHistoricoViajes').value = date.print("%d");
		document.getElementById('mesfHistoricoViajes').value = date.print("%m");
		document.getElementById('anofHistoricoViajes').value = date.print("%Y");
		document.getElementById('horaFinHistoricoViajes').value = date.print("%H:%M");
	}
	function calChangeFechaDiaCompleto(cal){
	    var date = cal.date;
		document.getElementById('diafHistoricoViajes').value = date.print("%d");
		document.getElementById('mesfHistoricoViajes').value = date.print("%m");
		document.getElementById('anofHistoricoViajes').value = date.print("%Y");
		document.getElementById('horaFinHistoricoViajes').value = "23:59";

		document.getElementById('diaiHistoricoViajes').value = date.print("%d");
		document.getElementById('mesiHistoricoViajes').value = date.print("%m");
		document.getElementById('anoiHistoricoViajes').value = date.print("%Y");
		document.getElementById('horaInicioHistoricoViajes').value = "00:00";

		document.getElementById('fechaInicioHistoricoViajes').value = date.print("%d/%m/%Y 00:00");
		document.getElementById('fechaFinHistoricoViajes').value = date.print("%d/%m/%Y 23:59");
	}
</script>

    <!-- RESULTADO HISTORICO -->
    <div id="div_resultadoHistorico" style="display:none" class="block">
      <div class="minimenu" id="minimenuResultadoHistorico">
        <div class="barra_acordeon">
        	<ul>
            <li><a class="icono volver"  href="javascript:;" onclick="mostrarFiltroHistorico();" onmouseover="minimenuInfoSet('minimenuResultadoHistorico', 'Volver al filtro de recorridos hstoricos');" onmouseout="minimenuInfoSet('minimenuResultadoHistorico', '');"></a></li>
            <li><a class="icono mapear_todos_paradas" href="javascript:;" id="recorridoStopBTN" onclick="mostrarParadasFromTable('paradasTablePrint');" onmouseover="minimenuInfoSet('minimenuResultadoHistorico', 'Marcar todas las paradas de este recorrido');" onmouseout="minimenuInfoSet('minimenuResultadoHistorico', '');"></a></li>
            <li><a class="icono mapear_todos_excesos" href="javascript:;" id="recorridoExcesosBTN" onclick="mostrarExcesosFromTable('excesosTablePrint');" onmouseover="minimenuInfoSet('minimenuResultadoHistorico', 'Marcar todas los excesos de este recorrido');" onmouseout="minimenuInfoSet('minimenuResultadoHistorico', '');"></a></li>
            <li><a class="icono cancelar" href="javascript:;" onclick="cMapController.getMapActive().getHistorico().clearHistoricoRecorrido();" onmouseover="minimenuInfoSet('minimenuResultadoHistorico', 'Borrar este recorrido historico del mapa');" onmouseout="minimenuInfoSet('minimenuResultadoHistorico', '');"></a></li>
            <li><a class="icono reporte"  href="javascript:;" id="submitHistoReporte" onclick="SubmitHistoricoReporte();" onmouseover="minimenuInfoSet('minimenuResultadoHistorico', 'Generar reporte de este recorrido historico');" onmouseout="minimenuInfoSet('minimenuResultadoHistorico', '');"></a></li>
            <li><a href="javascript:" class="icono ver_puntos" onclick="cMapController.getMapActive().getHistorico().verPuntosUltimoRecorrido();" onmouseover="minimenuInfoSet('minimenuResultadoHistorico', 'Ver los puntos del ultimo recorrido');" onmouseout="minimenuInfoSet('minimenuResultadoHistorico', '');"></a></li>
            <li><a href="javascript:" class="icono ocultar_puntos" onclick="cMapController.getMapActive().getHistorico().ocultarPuntosUltimoRecorrido();" onmouseover="minimenuInfoSet('minimenuResultadoHistorico', 'Ocultar los puntos del ultimo recorrido');" onmouseout="minimenuInfoSet('minimenuResultadoHistorico', '');"></a></li>
            <li><a href="javascript:" class="icono nueva_ruta" onclick="cMapController.getMapActive().getHistorico().guardarComoRuta();" onmouseover="minimenuInfoSet('minimenuResultadoHistorico', 'Guardar recorrido como ruta');" onmouseout="minimenuInfoSet('minimenuResultadoHistorico', '');"></a></li>
           </ul>
        </div>
        <div class="infoBar"></div>
      </div>
        <table width="100%" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td align="left"><span class="sectionTITLE">Hist&oacute;rico de recorrido (reporte) <font id="nroRecorrido"></font></span></td>
          </tr>
          <tr>
            <td align="left"><span class="inputLBL">M&oacute;vil: </span><span class="inputTEXT" id="historico_movil"></span></td>
          </tr>
          <tr>
            <td align="left"><span class="inputLBL">Velocidad promedio: </span><span class="inputTEXT" id="historico_velPromedio"></span></td>
          </tr>
          <tr>
            <td align="left"><span class="inputLBL">Velocidad m&aacute;xima: </span><span class="inputTEXT" id="historico_velMaxima"></span></td>
          </tr>
          <tr>
            <td align="left"><span class="inputLBL">Distancia recorrida: </span><span class="inputTEXT" id="historico_distanciaRecorrida"></span></td>
          </tr>
          <tr>
            <td align="left"><span class="inputLBL">Desde: </span><span class="inputTEXT" id="historico_fechaDesde"></span>
            </td>
          </tr>
          <tr>
            <td align="left"><span class="inputLBL">Hasta: </span><span class="inputTEXT" id="historico_fechaHasta"></span>
            </td>
          </tr>
        </table>
        <div id="div_eventosHistorico"></div>
        <div id="div_excesosHistorico"></div>
        <div id="div_paradasHistorico"></div>
    </div>

    <!-- DIBUJANDO HITORICO DE RECORRIDO -->
    <div id="div_drawHistoricoRecorrido" style="display:none" class="block">
    <div class="minimenu" id="minimenuDrawHistoricoRecorrido">
        <div class="barra_acordeon">
        <ul>
            <li class="ultimo"><a class="icono cancelar" onclick="cMapController.getMapActive().getHistorico().cancelDrawHistoricoPolyLine();" onmouseover="minimenuInfoSet('minimenuDrawHistoricoRecorrido', 'Cancelar impresion de recorrido historico');" onmouseout="minimenuInfoSet('minimenuDrawHistoricoRecorrido', '');"></a> </li>
          </ul>
      </div>
        <div class="infoBar"></div>
      </div>
      <table width="100%" align="center" border="0" cellpadding="5" cellspacing="0">
        <tr>
            <td valign="middle" align="left"><p class="">Imprimiendo trazado...</p></td>
            <td align="center"><img src="images/loader_accordeon.gif"></td>
        </tr>
      </table>
  </div>
    <!-- FILTRO HITORICO -->
    <div id="div_filtroHistorico" style="display:none;">

      <div class="minimenu" id="minimenuFiltroHistorico">

          <!-- BARRA barra_historico -->
          <div id="barra_historico" class="barra_acordeon">
            <ul>
              <li><a class="icono volver" onclick="mostrarMenuPPAL();//mostrarFiltroHistorico();" onmouseover="minimenuInfoSet('minimenuFiltroHistorico', 'Volver al filtro de recorridos hstoricos');" onmouseout="minimenuInfoSet('minimenuFiltroHistorico', '');" ></a></li>
              <li><a href="javascript:" class="icono recorrido" onclick="cMapController.getMapActive().getHistorico().SubmitHistorico();" onmouseover="minimenuInfoSet('minimenuFiltroHistorico', 'Imprimir recorrido en el mapa');" onmouseout="minimenuInfoSet('minimenuFiltroHistorico', '');"></a></li>
              <li><a href="javascript:" class="icono reporte_recorrido" onclick="SubmitHistoricoReporte();" onmouseover="minimenuInfoSet('minimenuFiltroHistorico', 'Generar reporte de recorrido historico');" onmouseout="minimenuInfoSet('minimenuFiltroHistorico', '');"></a></li>
              <li><a href="javascript:" class="icono eliminar_marcas" onclick="cMapController.getMapActive().getHistorico().clearHistoricos();" onmouseover="minimenuInfoSet('minimenuFiltroHistorico', 'Borrar las marcas y recorridos historicos del mapa');" onmouseout="minimenuInfoSet('minimenuFiltroHistorico', '');"></a></li>
            </ul>
          </div>
          <!-- FIN barra_historico -->

        <div class="infoBar"></div>
      </div>

      <div class="block" id="filRecorrido">
      <table width="100%">
        <tr>
          <td colspan="2"><span class="sectionTITLE">Historico de recorrido (filtro)</span></td>
        </tr>
        <tr>
          <td colspan="2"><span class="sectionDESC">Mapeo y reporte hist&oacute;rico de recorrido del veh&iacute;culo seleccionado seg&uacute;n rango de fechas.</span></td>
        </tr>
        <tr>
        	<td height="25" align="left" valign="middle"  colspan="2">
		        <span class="inputLBL">Desde:</span>
				<input type="hidden" name="diai" id="diai">
	            <input type="hidden" name="mesi" id="mesi">
	            <input type="hidden" name="anoi" id="anoi">
	            <input type="hidden" name="horaInicio" id="horaInicio">
	            <input type="text" name="fechaInicio" id="fechaInicio" class="gmapInputText" size="20" maxlength="16"  value="">
	            <img src="js/calendar/img/calendar.gif" name="fechaInicioBtn" id="fechaInicioBtn" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." />
	            <div id="errorFechaIniRecorrido" class="divErrorFecha"></div>
			</td>
        </tr>
        <tr>
          	<td height="25"align="left" valign="middle" colspan="2">
          		<span class="inputLBL">Hasta:</span>
          		<input type="hidden" name="diaf" id="diaf">
	            <input type="hidden" name="mesf" id="mesf">
	            <input type="hidden" name="anof" id="anof">
	            <input type="hidden" name="horaFin" id="horaFin">
	            <input type="text" name="fechaFin" id="fechaFin" class="gmapInputText" size="20" maxlength="16"  value="">
	            <img src="js/calendar/img/calendar.gif" name="fechaFinBtn" id="fechaFinBtn" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." />
	            <div id="errorFechaFinRecorrido" class="divErrorFecha"></div>
        	</td>
        </tr>
      </table>
      <hr>
      <table width="100%">
        <tr>
          <td width="48"><span class="inputLBL">Color:</span></td>
          <td valign="top"><input type="hidden" name="colorId" id="colorId" value="<?=  $miConfig->HIScolor ?>" onChange="historicoChangeColor(this.value);" style="background:#<?=  $miConfig->HIScolor ?>;">
            <input name="colorText" id="colorText" size="2"  class="colorPicker {valueElement:'colorId', pickerPosition:'right'}"></td>
          <td width="48"><span class="inputLBL">Ancho:</span></td>
          <td valign="top"><select name="thickness" id="thickness" class="gmapSelect">
              <option value="2">Fino</option>
              <option value="4">Medio</option>
              <option value="6" selected="selected">Grueso</option>
            </select>
            <script type="text/javascript">document.getElementById('thickness').value = <?= $miConfig->HISthickness ?>; </script></td>
        </tr>
        <tr>
          <td colspan="4">
          <span class="inputLBL">Mostrar sentido de recorrido</span>
          <input name="verSentido" id="verSentido" type="checkbox" class="styledInputs" />
            <script type="text/javascript">
				 if (parseInt(<?= $miConfig->HISversentido; ?>)==1)
				 	document.getElementById('verSentido').checked = true;
            </script>
          </td>
        </tr>
      </table>
      <hr>
      <table width="100%">
        <tr>
          <td width="190"><span class="inputLBL">Exceso de velocidad (Km):</span></td>
          <td><input type="Text" name="excesoVelocidad" id="excesoVelocidad" size="4" class="gmapInputText" value="<?= $miConfig->HISvelexceso ?>"></td>
        </tr>
        <tr>
          <td><span class="inputLBL">Filtrar vel. igual a 0:</span></td>
          <td><select name="filtrarCeros" id="filtrarCeros" class="gmapSelect">
              <option value="false">NO</option>
              <option value="true">SI</option>
            </select>
            <script type="text/javascript">
								 if (parseInt(<?= $miConfig->HISfiltrocero; ?>)==1)
								 	document.getElementById('filtrarCeros').value = true;
                                 </script></td>
        </tr>
        <tr>
          <td><span class="inputLBL">Tiempo minimo detenido (Min):</span></td>
          <td><input type="Text" name="tiempoParada" id="tiempoParada" size="4" class="gmapInputText" value=""></td>
        </tr>
      </table>

      <script type="text/javascript">
			 function initializeFechasHistorico(){
				     //FECHA DESDE!
			   	dateIni = "";

			   	if(desdeHIS!=null){
					document.getElementById('diai').value = desdeHIS.substring(0,2);
					document.getElementById('mesi').value = desdeHIS.substring(3,5);
					document.getElementById('anoi').value = desdeHIS.substring(6,10);
					document.getElementById('horaInicio').value = desdeHIS.substring(11);
				}

			   if(document.getElementById('diai').value != "") {
			   		dateIni = document.getElementById('diai').value;
					dateIni += "/" + document.getElementById('mesi').value;
					dateIni += "/" + document.getElementById('anoi').value;
					dateIni += " " + document.getElementById('horaInicio').value;
			   }else{
			   		var actualDate = new Date();
					var time = actualDate.getTime();
					time -= Date.HOUR;
					actualDate = new Date(time);
					dateIni = actualDate.print("%d") + '/' + actualDate.print("%m") + '/' + actualDate.print("%Y") + ' ' + actualDate.print("%H:%M");
					document.getElementById('diai').value = actualDate.print("%d");
					document.getElementById('mesi').value = actualDate.print("%m");
					document.getElementById('anoi').value = actualDate.print("%Y");
					document.getElementById('horaInicio').value = actualDate.print("%H:%M");
			   }

			   document.getElementById('fechaInicio').value = dateIni;

				Calendar.setup(
					{
					inputField 	   : "fechaInicio",
					ifFormat       : "%d/%m/%Y %H:%M",
			        showsTime      : true,
			        timeFormat     : "24",
					button		   : "fechaInicioBtn",
					onUpdate       : fechaIniChange
					}
				);

				//FECHA HASTA!
			   dateFin = "";
			   if (hastaHIS!=null){
					document.getElementById('diaf').value = hastaHIS.substring(0,2);
					document.getElementById('mesf').value = hastaHIS.substring(3,5);
					document.getElementById('anof').value = hastaHIS.substring(6,10);
					document.getElementById('horaFin').value = hastaHIS.substring(11);
				}

			   if(document.getElementById('diaf').value != "") {
			   		dateFin = document.getElementById('diaf').value;
					dateFin += "/" + document.getElementById('mesf').value;
					dateFin += "/" + document.getElementById('anof').value;
					dateFin += " " + document.getElementById('horaFin').value;
			   }else{
			   		actualDate = new Date();
					time = actualDate.getTime();
					time += Date.HOUR;
					actualDate = new Date(time);
					dateFin = actualDate.print("%d") + '/' + actualDate.print("%m") + '/' + actualDate.print("%Y") + ' ' + actualDate.print("%H:%M");
					document.getElementById('diaf').value = actualDate.print("%d");
					document.getElementById('mesf').value = actualDate.print("%m");
					document.getElementById('anof').value = actualDate.print("%Y");
					document.getElementById('horaFin').value = actualDate.print("%H:%M");
			   }

			   document.getElementById('fechaFin').value = dateFin;

				Calendar.setup(
					{
					inputField 	   : "fechaFin",
					ifFormat       : "%d/%m/%Y %H:%M",
			        showsTime      : true,
			        timeFormat     : "24",
					button		   : "fechaFinBtn",
					onUpdate       : fechaFinChange
					}
				);
			}

			function fechaIniChange(cal){
				    var date = cal.date;
					document.getElementById('diai').value = date.print("%d");
					document.getElementById('mesi').value = date.print("%m");
					document.getElementById('anoi').value = date.print("%Y");
					document.getElementById('horaInicio').value = date.print("%H:%M");
					fechaIniChangeHistoricoEventos(cal);
					fechaIniChangeHistoricoParadas(cal);
				}
			function fechaFinChange(cal){
				    var date = cal.date;
					document.getElementById('diaf').value = date.print("%d");
					document.getElementById('mesf').value = date.print("%m");
					document.getElementById('anof').value = date.print("%Y");
					document.getElementById('horaFin').value = date.print("%H:%M");
					fechaFinChangeHistoricoEventos(cal);
					fechaFinChangeHistoricoParadas(cal);
				}
		</script>
        </div>
    </div>

 	<div id="div_filtroHistoricoResumen" style="display:none;" >
	  	<div class="minimenu" id="minimenuFiltroHistoricoResumen">
	        <div id="barra_historicoResumen" class="barra_acordeon">
	            	<ul>
	              	<li><a class="icono volver" onclick="mostrarMenuPPAL();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoResumen', 'Volver al filtro de recorridos hstoricos');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoResumen', '');" ></a></li>
	             	<li><a href="javascript:" class="icono reporte_recorrido" onclick="SubmitHistoricoReporteResumen();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoResumen', 'Generar reporte de recorrido historico');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoResumen', '');"></a></li>
	             	<?php if(!$LOGIN->isBykom){ ?>
	             	<li><a href="javascript:" class="icono guardar" onclick="configurarResumen(2)" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoResumen', 'Guardar la configuracion de un nuevo reporte');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoResumen', '');"></a></li>
					<?php }?>
	             	<li><a href="javascript:" class="icono limpiar" onclick="limpiarConfHistorico(2);" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoResumen', 'Limpiar la configuracion del reporte');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoResumen', '');"></a></li>
	        	</ul>
			</div>
	    	<div class="infoBar"></div>
	    </div>
        <!-- FILTRO RECORRIDO RESUMEN -->
		<div class="block">
			<div>
		        <ul class="form hii"><!-- modificadores: tar vvv hvv hii hhh hvv  -->
		            <li>
		                <label>Desde:</label>
		                <input type="text" name="fechaInicioHistoricoResumen" id="fechaInicioHistoricoResumen" size="20" maxlength="16"  value="">
		                <img src="js/calendar/img/calendar.gif" name="fechaInicioBtnHistoricoResumen" id="fechaInicioBtnHistoricoResumen" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." />
		                <div id="errorFechaInicioResumen" class="divErrorFecha"></div>
		            </li>
					<li>
		            	<label>Hasta:</label>
		                <input type="text" name="fechaFinHistoricoResumen" id="fechaFinHistoricoResumen" size="20" maxlength="16" value="">
		                <img src="js/calendar/img/calendar.gif" name="fechaFinBtnHistoricoResumen" id="fechaFinBtnHistoricoResumen" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." />
		                <div id="errorFechaFinResumen" class="divErrorFecha"></div>
		            </li>
       			</ul>
       		</div>
			<div class="formContainer" id="filRecorridoResumen" style="padding:0;"></div>
			<script type="text/javascript">
			     //FECHA DESDE!
				function initializeFechasHistoricoResumen(){
				    dateIniHistoricoResumen = "";
				    
			   		var actualDateHistoricoResumen = new Date();
			   	  	var time = actualDateHistoricoResumen.getTime();
				    time -= Date.HOUR;
				    actualDateHistoricoResumen = new Date(time);
				    
					dateIniHistoricoResumen = actualDateHistoricoResumen.print("%d") + '/' + actualDateHistoricoResumen.print("%m") + '/' + actualDateHistoricoResumen.print("%Y") + ' '+actualDateHistoricoResumen.print("%H:%M");
				    document.getElementById('fechaInicioHistoricoResumen').value = dateIniHistoricoResumen;
		
					Calendar.setup(
						{
						inputField 	   : "fechaInicioHistoricoResumen",
						ifFormat       : "%d/%m/%Y %H:%M",
				        showsTime      : true,
				        timeFormat     : "24",
						button		   : "fechaInicioBtnHistoricoResumen",
						onUpdate       : fechaIniChangeHistoricoResumen
						}
					);
		
					//FECHA HASTA!
				    dateFinHistoricoResumen = "";
				    var actualDateHistoricoResumen2 = new Date();
				    time = actualDateHistoricoResumen2.getTime();
				    time += Date.HOUR;
				    actualDateHistoricoResumen2 = new Date(time);
				    
					dateFinHistoricoResumen = actualDateHistoricoResumen2.print("%d") + '/' + actualDateHistoricoResumen2.print("%m") + '/' + actualDateHistoricoResumen2.print("%Y") + ' '+actualDateHistoricoResumen2.print("%H:%M");
		
				    document.getElementById('fechaFinHistoricoResumen').value = dateFinHistoricoResumen;
		
					Calendar.setup(
						{
						inputField 	   : "fechaFinHistoricoResumen",
						ifFormat       : "%d/%m/%Y %H:%M",
				        showsTime      : true,
				        timeFormat     : "24",
						button		   : "fechaFinBtnHistoricoResumen",
						onUpdate       : fechaFinChangeHistoricoResumen
						}
					);
				}
		
				function fechaIniChangeHistoricoResumen(cal){
				}
		
				function fechaFinChangeHistoricoResumen(cal){
				}
			</script>
		</div>
    </div>

    <!-- FILTRO HITORICO EVENTOS-->
    <div id="div_filtroHistoricoEventos" style="display:none">
      <div class="minimenu" id="minimenuFiltroHistoricoEventos">
        <div class="barra_acordeon">
          <ul>
            <li>
              <a href="javascript:" class="icono volver" onclick="mostrarMenuPPAL();//mostrarFiltroHistorico();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoEventos', 'Volver al filtro de recorridos hstoricos');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoEventos', '');"></a></li>
            <li><a href="javascript:" class="icono reporte_eventos" onclick="SubmitHistoricoEventosReporte();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoEventos', 'Generar reporte de eventos historico');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoEventos', '');"></a></li>
             <?php if(!$LOGIN->isBykom){?>
            <li><a href="javascript:" class="icono guardar" onclick="configurarResumen(4);" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoEventos', 'Guardar la configuracion de un nuevo reporte');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoEventos', '');"></a></li>
            <?php }?>
          	<li><a href="javascript:" class="icono limpiar" onclick="limpiarConfHistorico(4)" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoEventos', 'Limpiar la configuracion del reporte');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoEventos', '');"></a></li>
          </ul>
        </div>
        <div class="infoBar"></div>
      </div>
      <!-- modificacion de estructura de tabla x ul.li -->
      <div class="block formContainer" id="filEventos">
      <span class="sectionTITLE">Eventos</span>
        <p>Reporte hist&oacute;rico de eventos del/los veh&iacute;culos seleccionados seg&uacute;n rango de fechas.</p>
        <form>
          <fieldset>
            <ul class="form hii"><!-- modificadores: tar vvv hvv hii hhh hvv  -->

              <li>
                <label>Desde:</label>
                <input type="hidden" name="diaiHistoricoEventos" id="diaiHistoricoEventos">
                <input type="hidden" name="mesiHistoricoEventos" id="mesiHistoricoEventos">
                <input type="hidden" name="anoiHistoricoEventos" id="anoiHistoricoEventos">
                <input type="hidden" name="horaInicioHistoricoEventos" id="horaInicioHistoricoEventos">
                <input type="text" name="fechaInicioHistoricoEventos" id="fechaInicioHistoricoEventos" size="20" maxlength="16"  value="">
                <img src="js/calendar/img/calendar.gif" name="fechaInicioBtnHistoricoEventos" id="fechaInicioBtnHistoricoEventos" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." />
                <div id="errorFechaIniEventos" class="divErrorFecha"></div>
              </li>

              <li>
              	<label>Hasta:</label>
                <input type="hidden" name="diafHistoricoEventos" id="diafHistoricoEventos">
                <input type="hidden" name="mesfHistoricoEventos" id="mesfHistoricoEventos">
                <input type="hidden" name="anofHistoricoEventos" id="anofHistoricoEventos">
                <input type="hidden" name="horaFinHistoricoEventos" id="horaFinHistoricoEventos">
                <input type="text" name="fechaFinHistoricoEventos" id="fechaFinHistoricoEventos" size="20" maxlength="16" value="">
                <img src="js/calendar/img/calendar.gif" name="fechaFinBtnHistoricoEventos" id="fechaFinBtnHistoricoEventos" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." />
                <div id="errorFechaFinEventos" class="divErrorFecha"></div>
              </li>

              <li>
              	<label>Estado:</label>
                <select name="estadoHistoricoEventos" id="estadoHistoricoEventos" >
                <option value="0" selected="selected">Todos los eventos</option>
                <option value="1" >Solo los no procesados</option>
                <option value="2" >Solo los procesados</option>
                </select>
              </li>

            </ul>
          </fieldset>
          <p></p>
          <div id="confHistEventos"  class="formContainer" ></div>
        </form>
      </div>
	<!-- end modificacion de estructura de tabla x ul.li -->

      <script type="text/javascript">
		//FECHA DESDE!
		function initializeFechasHistoricoEventos(){
		   if(desdeHIS!=null){
				document.getElementById('diaiHistoricoEventos').value = desdeHIS.substring(0,2);
				document.getElementById('mesiHistoricoEventos').value = desdeHIS.substring(3,5);
				document.getElementById('anoiHistoricoEventos').value = desdeHIS.substring(6,10);
				document.getElementById('horaInicioHistoricoEventos').value = desdeHIS.substring(11);
		   }

		   dateIniHistoricoEventos = "";
		   if(document.getElementById('diaiHistoricoEventos').value != "") {
		   		dateIniHistoricoEventos = document.getElementById('diaiHistoricoEventos').value;
				dateIniHistoricoEventos += "/" + document.getElementById('mesiHistoricoEventos').value;
				dateIniHistoricoEventos += "/" + document.getElementById('anoiHistoricoEventos').value;
				dateIniHistoricoEventos += " " + document.getElementById('horaInicioHistoricoEventos').value;
		   }else{
		   		var actualDateHistoricoEventos = new Date();
				var timeHistoricoEventos = actualDateHistoricoEventos.getTime();
				timeHistoricoEventos -= Date.HOUR;
				actualDateHistoricoEventos = new Date(timeHistoricoEventos);
				dateIniHistoricoEventos = actualDateHistoricoEventos.print("%d") + '/' + actualDateHistoricoEventos.print("%m") + '/' + actualDateHistoricoEventos.print("%Y") + ' ' + actualDateHistoricoEventos.print("%H:%M");
				document.getElementById('diaiHistoricoEventos').value = actualDateHistoricoEventos.print("%d");
				document.getElementById('mesiHistoricoEventos').value = actualDateHistoricoEventos.print("%m");
				document.getElementById('anoiHistoricoEventos').value = actualDateHistoricoEventos.print("%Y");
				document.getElementById('horaInicioHistoricoEventos').value = actualDateHistoricoEventos.print("%H:%M");
		   }

		   document.getElementById('fechaInicioHistoricoEventos').value = dateIniHistoricoEventos;

			Calendar.setup(
				{
				inputField 	   : "fechaInicioHistoricoEventos",
				ifFormat       : "%d/%m/%Y %H:%M",
		        showsTime      : true,
		        timeFormat     : "24",
				button		   : "fechaInicioBtnHistoricoEventos",
				onUpdate       : fechaIniChangeHistoricoEventos
				}
			);

			//FECHA HASTA!
		    dateFinHistoricoEventos = "";

		    if(hastaHIS!=null){
				document.getElementById('diafHistoricoEventos').value = hastaHIS.substring(0,2);
				document.getElementById('mesfHistoricoEventos').value = hastaHIS.substring(3,5);
				document.getElementById('anofHistoricoEventos').value = hastaHIS.substring(6,10);
				document.getElementById('horaFinHistoricoEventos').value = hastaHIS.substring(11);
			}

		    if(document.getElementById('diafHistoricoEventos').value != "") {
		   		dateFinHistoricoEventos = document.getElementById('diafHistoricoEventos').value;
				dateFinHistoricoEventos += "/" + document.getElementById('mesfHistoricoEventos').value;
				dateFinHistoricoEventos += "/" + document.getElementById('anofHistoricoEventos').value;
				dateFinHistoricoEventos += " " + document.getElementById('horaFinHistoricoEventos').value;
		  	}else{
		   		actualDateHistoricoEventos = new Date();
				timeHistoricoEventos = actualDateHistoricoEventos.getTime();
				timeHistoricoEventos += Date.HOUR;
				actualDateHistoricoEventos = new Date(timeHistoricoEventos);
				dateFinHistoricoEventos = actualDateHistoricoEventos.print("%d") + '/' + actualDateHistoricoEventos.print("%m") + '/' + actualDateHistoricoEventos.print("%Y") + ' ' + actualDateHistoricoEventos.print("%H:%M");
				document.getElementById('diafHistoricoEventos').value = actualDateHistoricoEventos.print("%d");
				document.getElementById('mesfHistoricoEventos').value = actualDateHistoricoEventos.print("%m");
				document.getElementById('anofHistoricoEventos').value = actualDateHistoricoEventos.print("%Y");
				document.getElementById('horaFinHistoricoEventos').value = actualDateHistoricoEventos.print("%H:%M");
		   }

		   document.getElementById('fechaFinHistoricoEventos').value = dateFinHistoricoEventos;

			Calendar.setup(
				{
				inputField 	   : "fechaFinHistoricoEventos",
				ifFormat       : "%d/%m/%Y %H:%M",
		        showsTime      : true,
		        timeFormat     : "24",
				button		   : "fechaFinBtnHistoricoEventos",
				onUpdate       : fechaFinChangeHistoricoEventos
				}
			);
		}
		function fechaIniChangeHistoricoEventos(cal){
			    var dateHistoricoEventos = cal.date;
				document.getElementById('diaiHistoricoEventos').value = dateHistoricoEventos.print("%d");
				document.getElementById('mesiHistoricoEventos').value = dateHistoricoEventos.print("%m");
				document.getElementById('anoiHistoricoEventos').value = dateHistoricoEventos.print("%Y");
				document.getElementById('horaInicioHistoricoEventos').value = dateHistoricoEventos.print("%H:%M");
		}
		function fechaFinChangeHistoricoEventos(cal){
			    var date = cal.date;
				document.getElementById('diafHistoricoEventos').value = date.print("%d");
				document.getElementById('mesfHistoricoEventos').value = date.print("%m");
				document.getElementById('anofHistoricoEventos').value = date.print("%Y");
				document.getElementById('horaFinHistoricoEventos').value = date.print("%H:%M");
		}
	</script>
    </div>

    <!-- FILTRO HITORICO PARADAS-->
    <div id="div_filtroHistoricoParadas" style="display:none">
      <div class="minimenu" id="minimenuFiltroHistoricoParadas">
        <div id="barra_historico_paradas" class="barra_acordeon">
          <ul>
            <li>
              <a href="javascript:;" class="icono volver" onclick="mostrarMenuPPAL();//mostrarFiltroHistorico();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoParadas', 'Volver al filtro de recorridos hstoricos');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoParadas', '');"></a>
            </li>
            <li >
            	<a href="javascript:" class="icono reporte_paradas" onclick="SubmitHistoricoParadasReporte();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoParadas', 'Generar reporte historico de paradas');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoParadas', '');"></a>
           </li>
            <?php if(!$LOGIN->isBykom){?>
           <li><a href="javascript:" class="icono guardar" onclick="configurarResumen(5);" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoParadas', 'Guardar la configuracion de un nuevo reporte');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoEventos', '');"></a></li>
           <?php }?>
          	<li class="ultimo"><a href="javascript:" class="icono limpiar" onclick="limpiarConfHistorico(5)" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoParadas', 'Limpiar la configuracion del reporte');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoEventos', '');"></a></li>
          </ul>
        </div>
        <div class="infoBar"></div>
      </div>

	<!-- modificacion de estructura de tabla x ul.li -->
     <div class="block formContainer"  id="filParadas"> <span class="sectionTITLE">Paradas</span>
        <p>Reporte hist&oacute;rico de paradas del/los veh&iacute;culos seleccionados seg&uacute;n rango de fechas.</p>
        <form>
         <fieldset>
            <ul class="form hii">
             <!-- modificadores: tar vvv hvv hii hhh hvv  -->
             <li>
                <label>Desde:</label>
                <input type="hidden" name="diaiHistoricoParadas" id="diaiHistoricoParadas">
                <input type="hidden" name="mesiHistoricoParadas" id="mesiHistoricoParadas">
                <input type="hidden" name="anoiHistoricoParadas" id="anoiHistoricoParadas">
                <input type="hidden" name="horaInicioHistoricoParadas" id="horaInicioHistoricoParadas">
                <input type="text" name="fechaInicioHistoricoParadas" id="fechaInicioHistoricoParadas" size="20" maxlength="16"  value="">
                <img src="js/calendar/img/calendar.gif" name="fechaInicioBtnHistoricoParadas" id="fechaInicioBtnHistoricoParadas" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." />
                <div id="errorFechaIniParadas" class="divErrorFecha"></div> 
              </li>
                
             <li>
                <label>Hasta:</label>
                <input type="hidden" name="diafHistoricoParadas" id="diafHistoricoParadas">
                <input type="hidden" name="mesfHistoricoParadas" id="mesfHistoricoParadas">
                <input type="hidden" name="anofHistoricoParadas" id="anofHistoricoParadas">
                <input type="hidden" name="horaFinHistoricoParadas" id="horaFinHistoricoParadas">
                <input type="text" name="fechaFinHistoricoParadas" id="fechaFinHistoricoParadas" size="20" maxlength="16"  value="">
                <img src="js/calendar/img/calendar.gif" alt="" name="fechaFinBtnHistoricoParadas" id="fechaFinBtnHistoricoParadas" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." /> 
             	<div id="errorFechaFinParadas" class="divErrorFecha"></div>
             </li>
             <li>
                <label>Tiempo detenido:</label>
                <input type="text" name="tiempoHistoricoParadas" id="tiempoHistoricoParadas" size="20" maxlength="4" value="">
                <span class="leftNote">(min)</span> </li>
           </ul>
          </fieldset>
          <p></p>
          <div id="resultParadas" class="formContainer"></div>
       </form>
      </div>
	<!-- end modificacion de estructura de tabla x ul.li -->

      <script type="text/javascript">
		function initializeFechasHistoricoParadas(){
		   //FECHA DESDE!
		   dateIniHistoricoParadas = "";

		   if(desdeHIS!=null){
				document.getElementById('diaiHistoricoParadas').value = desdeHIS.substring(0,2);
				document.getElementById('mesiHistoricoParadas').value = desdeHIS.substring(3,5);
				document.getElementById('anoiHistoricoParadas').value = desdeHIS.substring(6,10);
				document.getElementById('horaInicioHistoricoParadas').value = desdeHIS.substring(11);
		   }

		   if(document.getElementById('diaiHistoricoParadas').value != "") {
		   		dateIniHistoricoParadas = document.getElementById('diaiHistoricoParadas').value;
				dateIniHistoricoParadas += "/" + document.getElementById('mesiHistoricoParadas').value;
				dateIniHistoricoParadas += "/" + document.getElementById('anoiHistoricoParadas').value;
				dateIniHistoricoParadas += " " + document.getElementById('horaInicioHistoricoParadas').value;
		   }else{
		   		var actualDateHistoricoParadas = new Date();
				var timeHistoricoParadas = actualDateHistoricoParadas.getTime();
				timeHistoricoParadas -= Date.HOUR;
				actualDateHistoricoParadas = new Date(timeHistoricoParadas);
				dateIniHistoricoParadas = actualDateHistoricoParadas.print("%d") + '/' + actualDateHistoricoParadas.print("%m") + '/' + actualDateHistoricoParadas.print("%Y") + ' ' + actualDateHistoricoParadas.print("%H:%M");
				document.getElementById('diaiHistoricoParadas').value = actualDateHistoricoParadas.print("%d");
				document.getElementById('mesiHistoricoParadas').value = actualDateHistoricoParadas.print("%m");
				document.getElementById('anoiHistoricoParadas').value = actualDateHistoricoParadas.print("%Y");
				document.getElementById('horaInicioHistoricoParadas').value = actualDateHistoricoParadas.print("%H:%M");
		   }



		   document.getElementById('fechaInicioHistoricoParadas').value = dateIniHistoricoParadas;

			Calendar.setup(
				{
				inputField 	   : "fechaInicioHistoricoParadas",
				ifFormat       : "%d/%m/%Y %H:%M",
		        showsTime      : true,
		        timeFormat     : "24",
				button		   : "fechaInicioBtnHistoricoParadas",
				onUpdate       : fechaIniChangeHistoricoParadas
				}
			);

			//FECHA HASTA!
		   dateFinHistoricoParadas = "";

		    if (hastaHIS!=null){
				document.getElementById('diafHistoricoParadas').value = hastaHIS.substring(0,2);
				document.getElementById('mesfHistoricoParadas').value = hastaHIS.substring(3,5);
				document.getElementById('anofHistoricoParadas').value = hastaHIS.substring(6,10);
				document.getElementById('horaFinHistoricoParadas').value = hastaHIS.substring(11);
			 }

		   if  (document.getElementById('diafHistoricoParadas').value != "") {
		   		dateFinHistoricoParadas = document.getElementById('diafHistoricoParadas').value;
				dateFinHistoricoParadas += "/" + document.getElementById('mesfHistoricoParadas').value;
				dateFinHistoricoParadas += "/" + document.getElementById('anofHistoricoParadas').value;
				dateFinHistoricoParadas += " " + document.getElementById('horaFinHistoricoParadas').value;
		  	 }
		   else{
		   		actualDateHistoricoParadas = new Date();
				timeHistoricoParadas = actualDateHistoricoParadas.getTime();
				timeHistoricoParadas += Date.HOUR;
				actualDateHistoricoParadas = new Date(timeHistoricoParadas);
				dateFinHistoricoParadas = actualDateHistoricoParadas.print("%d") + '/' + actualDateHistoricoParadas.print("%m") + '/' + actualDateHistoricoParadas.print("%Y") + ' ' + actualDateHistoricoParadas.print("%H:%M");
				document.getElementById('diafHistoricoParadas').value = actualDateHistoricoParadas.print("%d");
				document.getElementById('mesfHistoricoParadas').value = actualDateHistoricoParadas.print("%m");
				document.getElementById('anofHistoricoParadas').value = actualDateHistoricoParadas.print("%Y");
				document.getElementById('horaFinHistoricoParadas').value = actualDateHistoricoParadas.print("%H:%M");
		   }

		   
		   document.getElementById('fechaFinHistoricoParadas').value = dateFinHistoricoParadas;

			Calendar.setup(
				{
				inputField 	   : "fechaFinHistoricoParadas",
				ifFormat       : "%d/%m/%Y %H:%M",
		        showsTime      : true,
		        timeFormat     : "24",
				button		   : "fechaFinBtnHistoricoParadas",
				onUpdate       : fechaFinChangeHistoricoParadas
				}
			);
		}

		   function fechaIniChangeHistoricoParadas(cal){
			    var dateHistoricoParadas = cal.date;
				document.getElementById('diaiHistoricoParadas').value = dateHistoricoParadas.print("%d");
				document.getElementById('mesiHistoricoParadas').value = dateHistoricoParadas.print("%m");
				document.getElementById('anoiHistoricoParadas').value = dateHistoricoParadas.print("%Y");
				document.getElementById('horaInicioHistoricoParadas').value = dateHistoricoParadas.print("%H:%M");
			}

			function fechaFinChangeHistoricoParadas(cal){
			    var date = cal.date;
				document.getElementById('diafHistoricoParadas').value = date.print("%d");
				document.getElementById('mesfHistoricoParadas').value = date.print("%m");
				document.getElementById('anofHistoricoParadas').value = date.print("%Y");
				document.getElementById('horaFinHistoricoParadas').value = date.print("%H:%M");
			}
		</script>

    </div>

    <!-- FILTRO CAUDALIMETRO -->
    <div id="div_filtroHistoricoCaudalimetro" style="display:none">
      <div class="minimenu" id="minimenuFiltroHistoricoCaudalimetro">
        <div class="barra_acordeon">
         <ul>
         <li>
          <a href="javascript:" class="icono volver" onclick="mostrarMenuPPAL();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoCaudalimetro', 'Volver al filtro de recorridos historicos');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoCaudalimetro', '');"></a>
          </li>
          <li>
          <a href="javascript:" class="icono reporte_recorrido" onclick="subtmitHistoricoCaudalimetro();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoCaudalimetro', 'Generar reporte de caudalimetro');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoCaudalimetro', '');"></a>
          </li>
           <?php if(!$LOGIN->isBykom){?>
          <li><a href="javascript:" class="icono guardar" onclick="configurarResumen(3);" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoCaudalimetro', 'Guardar la configuracion de un nuevo reporte');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoCaudalimetro', '');"></a></li>
          <?php }?>
          <li><a href="javascript:" class="icono limpiar" onclick="limpiarConfHistorico(3)" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoCaudalimetro', 'Limpiar la configuracion del reporte');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoCaudalimetro', '');"></a></li>
          </ul>
        </div>
        <div class="infoBar"></div>
      </div>


      <!-- modificacion de estructura de tabla x ul.li -->
      <div class="block formContainer" id="filCaudalimetro">
      <span class="sectionTITLE">Historico de caudalimetro (filtro)</span>

        <p>Mapeo y reporte hist&oacute;rico de caudalimetro del veh&iacute;culo seleccionado seg&uacute;n rango de fechas.</p>

        <form>
         <fieldset>
            <ul class="form hii">
             <!-- modificadores: tar vvv hvv hii hhh hvv  -->
        <li>
           <label>Desde:</label>
          	<input type="hidden" name="diaiHistoricoCaudalimetro" id="diaiHistoricoCaudalimetro">
            <input type="hidden" name="mesiHistoricoCaudalimetro" id="mesiHistoricoCaudalimetro">
            <input type="hidden" name="anoiHistoricoCaudalimetro" id="anoiHistoricoCaudalimetro">
            <input type="hidden" name="horaInicioHistoricoCaudalimetro" id="horaInicioHistoricoCaudalimetro">
            <input type="text" name="fechaInicioHistoricoCaudalimetro" id="fechaInicioHistoricoCaudalimetro" size="20" maxlength="16" value="">
            <img src="js/calendar/img/calendar.gif" name="fechaInicioBtnHistoricoCaudalimetro" id="fechaInicioBtnHistoricoCaudalimetro" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." />
            <div id="errorFechaInicioCaudalimetro" class="divErrorFecha"></div>
        </li>

        <li>
        	<label>Hasta:</label>
          	<input type="hidden" name="diafHistoricoCaudalimetro" id="diafHistoricoCaudalimetro">
            <input type="hidden" name="mesfHistoricoCaudalimetro" id="mesfHistoricoCaudalimetro">
            <input type="hidden" name="anofHistoricoCaudalimetro" id="anofHistoricoCaudalimetro">
            <input type="hidden" name="horaFinHistoricoCaudalimetro" id="horaFinHistoricoCaudalimetro">
            <input type="text" name="fechaFinHistoricoCaudalimetro" id="fechaFinHistoricoCaudalimetro" size="20" maxlength="16"  value="">
            <img src="js/calendar/img/calendar.gif" name="fechaFinBtnHistoricoCaudalimetro" id="fechaFinBtnHistoricoCaudalimetro" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." />
            <div id="errorFechaFinCaudalimetro" class="divErrorFecha"></div>
        </li>

    </ul>
          </fieldset>
          <p></p>
          <div id="div_ResultCaudalimetro" class="formContainer"></div>
       </form>

    <script type="text/javascript">
		function initializeFechasHistoricoCaudalimetro(){
		    //FECHA DESDE!
			dateIniHistoricoCaudalimetro = "";

		   	if (desdeHIS!=null){
				document.getElementById('diaiHistoricoCaudalimetro').value = desdeHIS.substring(0,2);
				document.getElementById('mesiHistoricoCaudalimetro').value = desdeHIS.substring(3,5);
				document.getElementById('anoiHistoricoCaudalimetro').value = desdeHIS.substring(6,10);
				document.getElementById('horaInicioHistoricoCaudalimetro').value = desdeHIS.substring(11);
			}

		   	if(document.getElementById('diaiHistoricoCaudalimetro').value != "") {
		   		dateIniHistoricoCaudalimetro = document.getElementById('diaiHistoricoCaudalimetro').value;
				dateIniHistoricoCaudalimetro += "/" + document.getElementById('mesiHistoricoCaudalimetro').value;
				dateIniHistoricoCaudalimetro += "/" + document.getElementById('anoiHistoricoCaudalimetro').value;
				dateIniHistoricoCaudalimetro += " " + document.getElementById('horaInicioHistoricoCaudalimetro').value;
		  	}else{
		   		var actualDateHistoricoCaudalimetro = new Date();
				var timeHistoricoCaudalimetro 		= actualDateHistoricoCaudalimetro.getTime();
				timeHistoricoCaudalimetro 			-= Date.HOUR;
				actualDateHistoricoCaudalimetro 	= new Date(timeHistoricoCaudalimetro);
				dateIniHistoricoCaudalimetro 		= actualDateHistoricoCaudalimetro.print("%d") + '/' + actualDateHistoricoCaudalimetro.print("%m") + '/' + actualDateHistoricoCaudalimetro.print("%Y") + ' ' + actualDateHistoricoCaudalimetro.print("%H:%M");
				document.getElementById('diaiHistoricoCaudalimetro').value = actualDateHistoricoCaudalimetro.print("%d");
				document.getElementById('mesiHistoricoCaudalimetro').value = actualDateHistoricoCaudalimetro.print("%m");
				document.getElementById('anoiHistoricoCaudalimetro').value = actualDateHistoricoCaudalimetro.print("%Y");
				document.getElementById('horaInicioHistoricoCaudalimetro').value = actualDateHistoricoCaudalimetro.print("%H:%M");
		   	}

		   	document.getElementById('fechaInicioHistoricoCaudalimetro').value = dateIniHistoricoCaudalimetro;

			Calendar.setup(
				{
				inputField 	   : "fechaInicioHistoricoCaudalimetro",
				ifFormat       : "%d/%m/%Y %H:%M",
		        showsTime      : true,
		        timeFormat     : "24",
				button		   : "fechaInicioBtnHistoricoCaudalimetro",
				onUpdate       : fechaIniChangeHistoricoCaudalimetro
				}
			);

			//FECHA HASTA!
		   	dateFinHistoricoCaudalimetro = "";

		    if (hastaHIS!=null){
				document.getElementById('diafHistoricoCaudalimetro').value = hastaHIS.substring(0,2);
				document.getElementById('mesfHistoricoCaudalimetro').value = hastaHIS.substring(3,5);
				document.getElementById('anofHistoricoCaudalimetro').value = hastaHIS.substring(6,10);
				document.getElementById('horaFinHistoricoCaudalimetro').value = hastaHIS.substring(11);
			}

		   	if(document.getElementById('diafHistoricoCaudalimetro').value != "") {
		   		dateFinHistoricoCaudalimetro = document.getElementById('diafHistoricoCaudalimetro').value;
				dateFinHistoricoCaudalimetro += "/" + document.getElementById('mesfHistoricoCaudalimetro').value;
				dateFinHistoricoCaudalimetro += "/" + document.getElementById('anofHistoricoCaudalimetro').value;
				dateFinHistoricoCaudalimetro += " " + document.getElementById('horaFinHistoricoCaudalimetro').value;
		  	}else{
		   		actualDateHistoricoCaudalimetro = new Date();
				timeHistoricoCaudalimetro = actualDateHistoricoCaudalimetro.getTime();
				timeHistoricoCaudalimetro += Date.HOUR;
				actualDateHistoricoCaudalimetro = new Date(timeHistoricoCaudalimetro);
				dateFinHistoricoCaudalimetro = actualDateHistoricoCaudalimetro.print("%d") + '/' + actualDateHistoricoCaudalimetro.print("%m") + '/' + actualDateHistoricoCaudalimetro.print("%Y") + ' ' + actualDateHistoricoCaudalimetro.print("%H:%M");
				document.getElementById('diafHistoricoCaudalimetro').value = actualDateHistoricoCaudalimetro.print("%d");
				document.getElementById('mesfHistoricoCaudalimetro').value = actualDateHistoricoCaudalimetro.print("%m");
				document.getElementById('anofHistoricoCaudalimetro').value = actualDateHistoricoCaudalimetro.print("%Y");
				document.getElementById('horaFinHistoricoCaudalimetro').value = actualDateHistoricoCaudalimetro.print("%H:%M");
		   	}

		   	document.getElementById('fechaFinHistoricoCaudalimetro').value = dateFinHistoricoCaudalimetro;

			Calendar.setup(
				{
				inputField 	   : "fechaFinHistoricoCaudalimetro",
				ifFormat       : "%d/%m/%Y %H:%M",
		        showsTime      : true,
		        timeFormat     : "24",
				button		   : "fechaFinBtnHistoricoCaudalimetro",
				onUpdate       : fechaFinChangeHistoricoCaudalimetro
				}
			);
		}

		function fechaIniChangeHistoricoCaudalimetro(cal){
			var dateHistoricoCaudalimetro = cal.date;
			document.getElementById('diaiHistoricoCaudalimetro').value = dateHistoricoCaudalimetro.print("%d");
			document.getElementById('mesiHistoricoCaudalimetro').value = dateHistoricoCaudalimetro.print("%m");
			document.getElementById('anoiHistoricoCaudalimetro').value = dateHistoricoCaudalimetro.print("%Y");
			document.getElementById('horaInicioHistoricoCaudalimetro').value = dateHistoricoCaudalimetro.print("%H:%M");
		}

		function fechaFinChangeHistoricoCaudalimetro(cal){
		    var date = cal.date;
			document.getElementById('diafHistoricoCaudalimetro').value = date.print("%d");
			document.getElementById('mesfHistoricoCaudalimetro').value = date.print("%m");
			document.getElementById('anofHistoricoCaudalimetro').value = date.print("%Y");
			document.getElementById('horaFinHistoricoCaudalimetro').value = date.print("%H:%M");
		}
		</script>
        </div>
        <!-- end modificacion de estructura de tabla x ul.li -->
   </div>
<!-- fin filtro caudalimetro     -->
<!--  comienzo de mis reportes -->
	<div id="misReportes" style="display:none;">
		<div class="minimenu" id="minimenuFiltroHistoricoMisReportes">
	        <div class="barra_acordeon">
		        <ul>
		        	<li>
		         	 	<a href="javascript:" class="icono volver" onclick="mostrarMenuPPAL();" onmouseover="minimenuInfoSet('minimenuFiltroHistoricoMisReportes', 'Volver a la pantalla principal');" onmouseout="minimenuInfoSet('minimenuFiltroHistoricoMisReportes', '');"></a>
		          	</li>
		        </ul>
	        </div>
        	<div class="infoBar"></div>
    	</div>
    	<div id="div_MisReportesConfig" style="background-color:#E4E7F0;
color:#334457;
font-size:12px;
font-weight:bold;
padding:2px;
text-align:center;
text-transform:uppercase;">
          		<a href="javascript:;" onclick="diaAnteriorMisReportes();">
          			<img alt="dia anterior" src="images/flechaIzq.gif" border="0">
          		</a>
          		<span id="diaActualMisReportes"></span>
              	<input type="hidden" id="fechaMisReportes" value=""/>
              	<a href="javascript:;" id="navDiaPostMisReportes" onclick="diaPosteriorMisReportes();" style="display:none;">
              		<img alt="dia anterior" src="images/flechaDer.gif" border="0">
              	</a>
              	<img src="js/calendar/img/calendar.gif" name="fechaMisReportesConfig" id="fechaMisReportesConfig" style=" background-position: center center; cursor: pointer;" title="Seleccionar fecha y hora desde..." />
		   </div>
    	<div class="block formContainer" id="listaReportesConfigurados"></div>
    	<script type="text/javascript">
			function initCalendarMisReportesConfig(){
			    Calendar.setup(
					{
					ifFormat       : "%d/%m/%Y",
			        showsTime      : false,
			        timeFormat     : "24",
					button		   : "fechaMisReportesConfig",
					onUpdate       : fechaChangeMisReportesConfig
					}
				);
				var fechaActual = new Date();
				fechaActual.setHours(23,59,59,999);
				$j("#diaActualMisReportes").html(fechaActual.print("%d/%m/%Y"));
			    $j("#fechaMisReportes").val(fechaActual.print("%d/%m/%Y %H:%M"));
			}
			function verificaNavPosterior(fechaActual,date){
				if(fechaActual.getTime() > date.getTime() ){
					$j("#navDiaPostMisReportes").show();
			    }else{
					$j("#navDiaPostMisReportes").hide();
			    }
			}
			function fechaChangeMisReportesConfig(cal){
			    var date = cal.date;
			    date.setHours(23,59,59,999);
			    $j("#diaActualMisReportes").html(date.print("%d/%m/%Y"));
			    $j("#fechaMisReportes").val(date.print("%d/%m/%Y %H:%M"));
			    var fechaActual = new Date();
			    date.setHours(00,00,00,000);
			    fechaActual.setHours(00,00,00,000);
			    verificaNavPosterior(fechaActual,date);
			}
			function diaAnteriorMisReportes(){
				var date = getObjectDATE($j("#fechaMisReportes"));
				var time = date.getTime();
				time 	-= Date.DAY;
				var actualDate = new Date(time); 
				$j("#diaActualMisReportes").html(actualDate.print("%d/%m/%Y"));
				$j("#fechaMisReportes").val(actualDate.print("%d/%m/%Y %H:%M"));

				var fechaActual = new Date();
				actualDate.setHours(00,00,00,000);
				fechaActual.setHours(00,00,00,000);
			    verificaNavPosterior(fechaActual,actualDate);
			}
			function diaPosteriorMisReportes(){
				var date = getObjectDATE($j("#fechaMisReportes"));
				var time = date.getTime();
				time 	+= Date.DAY;
				var actualDate = new Date(time); 
				$j("#diaActualMisReportes").html(actualDate.print("%d/%m/%Y"));
				$j("#fechaMisReportes").val(actualDate.print("%d/%m/%Y %H:%M"));	

				var fechaActual = new Date();
				actualDate.setHours(00,00,00,000);
				fechaActual.setHours(00,00,00,000);
			    verificaNavPosterior(fechaActual,actualDate);			
			}
		</script>
	</div>
<!--  fin de mis reportes -->
</div>